<template>
  <div>
    <!-- 1.父组件里通过属性传入想传的值 (属性名自行随便起) -->
      <MyProduct 
        v-for="item in arr" :key="item.name"
        :name="item.name"
        :work="item.work"
        :obj='item'
      ></MyProduct>
  </div>
</template>

<script>
//1 创建组件
//2 引入组件
import MyProduct from './components/MyProduct.vue'

export default {
  // 3. 注册组件 对象里属性和名字相同,就可以简写
  components: {
    MyProduct
  },
  data() {
    return {
      arr: [
        {
          name: '小a',
          work: '嘻嘻'
        },
        {
          name: '小b',
          work: '哈哈'
        },
        {
          name: '小c',
          work: '哦哦'
        }
      ]
    }
  }
}
</script>

<style>

</style>